<template>
  <view>
    <editNickname v-if="type=='nick'"></editNickname>
    <editPhone v-if="type=='phone'"></editPhone>
  </view>
</template>
<script>

import editNickname from '@/components/edit-model/edit-nickname.vue';
import editPhone from '@/components/edit-model/edit-phone.vue';
export default {
  components: {
    editNickname,
    editPhone,
  },
  data () {
    return {
      type: null
    }
  },
  onLoad () {
    this.type = this.$Route.query.type
  },
}
</script>
<style scoped lang="scss">
.edit-nickname {
  width: 100%;
  text-align: center;
  margin-top: 100upx;
  box-sizing: border-box;
  padding: 40upx;
  height: 100%;
  .title {
    font-size: 40upx;
  }
  .uni-input {
    margin-top: 60upx;
    background-color: #fff;
    padding: 20upx;
    font-size: 32upx;
  }
}

.btn {
  box-sizing: border-box;
  width: 100%;
  padding: 40upx;
  position: absolute;
  bottom: 80upx;
}
</style>